<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>惠房网-城市</title>
    <!-- 使用favicon.ico图标 -->
    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}" />
    <!-- 引用初始化init.css样式文件 -->
    <link rel="stylesheet" href="{{ url_for('static',filename='css/init.css') }}" />
    <!-- 引用城市样式city.css -->
    <link rel="stylesheet" href="{{ url_for('static',filename='css/citys.css') }}" />
</head>
<body>
    <!-- 导航 -->
    <nav class="nav">
        <div class="w">
            <!-- logo模块 -->
            <div class="logo">
                <a href="#" title="惠房">
                    <img src="{{ url_for('static',filename='images/hz_logo.png') }}" alt="">
                </a>
            </div>
        </div>
    </nav>

    <!-- section模块 -->
    <section class="section">
        <div class="w">
            <div class="wrapper">
                <div class="war_hd">
                    <a href="#" class="lhf">来惠房</a>&nbsp;&nbsp;<a href="#">寻找一个温暖的家</a>
                </div>
                <div class="war_bd">
                    <form action="{{ url_for('house_bp.index') }}" method="get">
                        <i></i>
                        <!-- placeholder -->
                        <input type="text" name="city" class="input" value="搜索城市">
                        <button class="button">搜索</button>
                    </form>
                    <!-- 显示隐藏文本框内容 -->
                    <script>
                        // 1、获取元素
                        var inputs = document.querySelector('input');
                        var btn = document.querySelector('button');
                        // 2.注册事件 获得焦点事件 onfocus
                        inputs.onfocus = function() {
                            // console.log('得到了焦点');
                            if (this.value === '搜索城市') {
                                this.value = '';
                            }
                            // 获得焦点需要把文本框里面的文字颜色变黑
                            this.style.color = '#333';
                        };
                        // 3. 注册事件 失去焦点事件 onblur
                        inputs.onblur = function() {
                            // console.log('失去了焦点');
                            if (this.value === '') {
                                this.value = '搜索城市';
                            }
                            // 失去焦点需要把文本框里面的文字颜色变浅色
                            this.style.color = '#999';
                        };

                        // 检测用户是否按下s键，就把光标定位到搜索框里面
                        document.addEventListener('keyup', function(e) {
                            // 判断其弹起的键对应的ASCII码
                            if (e.keyCode === 83) {
                                inputs.focus();
                            };
                        });

                        // 监听搜索框内容  mouseover鼠标经过时触发
                        inputs.addEventListener('mouseover', function() {
                           // console.log(inputs.value);
                           if (inputs.value === '搜索城市') {
                               btn.disabled = true;
                           } else {
                               btn.disabled = false;
                           };
                        });

                    </script>
                </div>
            </div>
        </div>
    </section>

    <!-- 城市模块 -->
    <div class="city-items">
        <div class="w">
            <div class="city-item">
                <div class="city_text">
                    按照省份首字母选择
                </div>
                <div class="city_list_section">
                    <ul class="city_list_ul">
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>A</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">安徽</div>
                                    <ul>
                                        <li><a href="#">合肥</a></li>
                                        <li><a href="#">芜湖</a></li>
                                        <li><a href="#">蚌埠</a></li>
                                        <li><a href="#">淮南</a></li>
                                        <li><a href="#">马鞍山</a></li>
                                        <li><a href="#">淮北</a></li>
                                        <li><a href="#">铜陵</a></li>
                                        <li><a href="#">安庆</a></li>
                                        <li><a href="#">桐城</a></li>
                                        <li><a href="#">黄山</a></li>
                                        <li><a href="#">明光</a></li>
                                        <li><a href="#">阜阳</a></li>
                                        <li><a href="#">宿州</a></li>
                                        <li><a href="#">六安</a></li>
                                        <li><a href="#">霍邱</a></li>
                                        <li><a href="#">亳州</a></li>
                                        <li><a href="#">池州</a></li>
                                        <li><a href="#">宣城</a></li>
                                        <li><a href="#">滁州</a></li>
                                        <li><a href="#">宁国</a></li>
                                        <li><a href="#">天长</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>B</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">北京</div>
                                    <ul>
                                        <li><a href="#">北京</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>C</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">重庆</div>
                                    <ul>
                                        <li><a href="#">重庆</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>F</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">福建</div>
                                    <ul>
                                        <li><a href="#">福州</a></li>
                                        <li><a href="#">厦门</a></li>
                                        <li><a href="#">莆田</a></li>
                                        <li><a href="#">三明</a></li>
                                        <li><a href="#">永安山</a></li>
                                        <li><a href="#">泉州</a></li>
                                        <li><a href="#">石狮</a></li>
                                        <li><a href="#">南安</a></li>
                                        <li><a href="#">龙海</a></li>
                                        <li><a href="#">南平</a></li>
                                        <li><a href="#">宁德</a></li>
                                        <li><a href="#">龙岩</a></li>
                                        <li><a href="#">漳州</a></li>
                                        <li><a href="#">建瓯</a></li>
                                        <li><a href="#">邵武</a></li>
                                        <li><a href="#">福安</a></li>
                                        <li><a href="#">福鼎</a></li>
                                        <li><a href="#">福清</a></li>
                                        <li><a href="#">连江</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>G</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">广东</div>
                                    <ul>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=广州">广州</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=韶关">韶关</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=深圳">深圳</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=珠海">珠海</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=汕头">汕头</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=佛山">佛山</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=顺德">顺德</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=江门">江门</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=台山">台山</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=恩平">恩平</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=湛江">湛江</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=廉江">廉江</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=雷州">雷州</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=吴川">吴川</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=茂名">茂名</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=高州">高州</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=化州">化州</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=肇庆">肇庆</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=惠州">惠州</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=梅州">梅州</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=兴宁">兴宁</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=汕尾">汕尾</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=河源">河源</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=阳江">阳江</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=阳春">阳春</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=英德">英德</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=连州">连州</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=东莞">东莞</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=中山">中山</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=潮州">潮州</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=揭阳">揭阳</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=普宁">普宁</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=清远">清远</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=乐昌">乐昌</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=陆丰">陆丰</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=罗定">罗定</a></li>
                                        <li><a href="{{ url_for('house_bp.index') }}?city=开平">开平</a></li>
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">广西</div>
                                    <ul>
                                        <li><a href="#">南宁</a></li>
                                        <li><a href="#">柳州</a></li>
                                        <li><a href="#">桂林</a></li>
                                        <li><a href="#">梧州</a></li>
                                        <li><a href="#">北海</a></li>
                                        <li><a href="#">防城港</a></li>
                                        <li><a href="#">钦州</a></li>
                                        <li><a href="#">贵港</a></li>
                                        <li><a href="#">桂平</a></li>
                                        <li><a href="#">玉林</a></li>
                                        <li><a href="#">百色</a></li>
                                        <li><a href="#">贺州</a></li>
                                        <li><a href="#">河池</a></li>
                                        <li><a href="#">来宾</a></li>
                                        <li><a href="#">崇左</a></li>
                                        <li><a href="#">北流</a></li>
                                        <li><a href="#">岑溪</a></li>
                                        <li><a href="#">宜州</a></li>
                                        <li><a href="#">合山</a></li>
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">贵州</div>
                                    <ul>
                                        <li><a href="#">贵阳</a></li>
                                        <li><a href="#">清镇</a></li>
                                        <li><a href="#">六盘水</a></li>
                                        <li><a href="#">赤水</a></li>
                                        <li><a href="#">安顺</a></li>
                                        <li><a href="#">毕节</a></li>
                                        <li><a href="#">铜仁</a></li>
                                        <li><a href="#">黔东南</a></li>
                                        <li><a href="#">凯里</a></li>
                                        <li><a href="#">黔南</a></li>
                                        <li><a href="#">福泉</a></li>
                                        <li><a href="#">仁怀</a></li>
                                        <li><a href="#">兴义</a></li>
                                        <li><a href="#">遵义</a></li>
                                        <li><a href="#">黔西南</a></li>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">甘肃</div>
                                    <ul>
                                        <li><a href="#">兰州</a></li>
                                        <li><a href="#">嘉峪关</a></li>
                                        <li><a href="#">金昌</a></li>
                                        <li><a href="#">白银</a></li>
                                        <li><a href="#">天水</a></li>
                                        <li><a href="#">武威</a></li>
                                        <li><a href="#">张掖</a></li>
                                        <li><a href="#">平凉</a></li>
                                        <li><a href="#">酒泉</a></li>
                                        <li><a href="#">玉门</a></li>
                                        <li><a href="#">庆阳</a></li>
                                        <li><a href="#">定西</a></li>
                                        <li><a href="#">陇南</a></li>
                                        <li><a href="#">临夏</a></li>
                                        <li><a href="#">敦煌</a></li>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>H</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">河北</div>
                                    <ul>
                                        <li><a href="#">石家庄</a></li>
                                        <li><a href="#">赵县</a></li>
                                        <li><a href="#">新乐</a></li>
                                        <li><a href="#">唐山</a></li>
                                        <li><a href="#">遵化</a></li>
                                        <li><a href="#">迁安</a></li>
                                        <li><a href="#">邯郸</a></li>
                                        <li><a href="#">武安</a></li>
                                        <li><a href="#">邢台</a></li>
                                        <li><a href="#">保定</a></li>
                                        <li><a href="#">定州</a></li>
                                        <li><a href="#">沧州</a></li>
                                        <li><a href="#">任丘</a></li>
                                        <li><a href="#">廊坊</a></li>
                                        <li><a href="#">霸州</a></li>
                                        <li><a href="#">三河</a></li>
                                        <li><a href="#">衡水</a></li>
                                        <li><a href="#">承德</a></li>
                                        <li><a href="#">秦皇岛</a></li>
                                        <li><a href="#">张家口</a></li>
                                        <li><a href="#">安国</a></li>
                                        <li><a href="#">泊头</a></li>
                                        <li><a href="#">黄骅</a></li>
                                        <li><a href="#">河间</a></li>
                                        <li><a href="#">高碑店</a></li>
                                        <li><a href="#">冀州</a></li>
                                        <li><a href="#">南宫</a></li>
                                        <li><a href="#">无极</a></li>
                                        <li><a href="#">深州</a></li>
                                        <li><a href="#">涿州</a></li>
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">黑龙江</div>
                                    <ul>                                        
                                        <li><a href="#">哈尔滨</a></li>
                                        <li><a href="#">尚志</a></li>
                                        <li><a href="#">五常</a></li>
                                        <li><a href="#">齐齐哈尔</a></li>
                                        <li><a href="#">甘南</a></li>
                                        <li><a href="#">讷河</a></li>
                                        <li><a href="#">鸡西</a></li>
                                        <li><a href="#">鹤岗</a></li>
                                        <li><a href="#">双鸭山</a></li>
                                        <li><a href="#">大庆</a></li>
                                        <li><a href="#">伊春</a></li>
                                        <li><a href="#">佳木斯</a></li>
                                        <li><a href="#">七台河</a></li>
                                        <li><a href="#">牡丹江</a></li>
                                        <li><a href="#">海林</a></li>
                                        <li><a href="#">黑河</a></li>
                                        <li><a href="#">绥化</a></li>
                                        <li><a href="#">安达</a></li>
                                        <li><a href="#">肇东</a></li>
                                        <li><a href="#">大兴安岭</a></li>
                                        <li><a href="#">北安</a></li>
                                        <li><a href="#">密山</a></li>
                                        <li><a href="#">宁安</a></li>
                                        <li><a href="#">绥芬河</a></li>
                                        <li><a href="#">铁力</a></li>
                                        <li><a href="#">五大连池</a></li>
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">河南</div>
                                    <ul>                                        
                                        <li><a href="#">郑州</a></li>
                                        <li><a href="#">开封</a></li>
                                        <li><a href="#">洛阳</a></li>
                                        <li><a href="#">平顶山</a></li>
                                        <li><a href="#">舞钢</a></li>
                                        <li><a href="#">汝州</a></li>
                                        <li><a href="#">安阳</a></li>
                                        <li><a href="#">林州</a></li>
                                        <li><a href="#">鹤壁</a></li>
                                        <li><a href="#">鹤山</a></li>
                                        <li><a href="#">新乡</a></li>
                                        <li><a href="#">焦作</a></li>
                                        <li><a href="#">沁阳</a></li>
                                        <li><a href="#">孟州</a></li>
                                        <li><a href="#">濮阳</a></li>
                                        <li><a href="#">许昌</a></li>
                                        <li><a href="#">鄢陵</a></li>
                                        <li><a href="#">禹州</a></li>
                                        <li><a href="#">长葛</a></li>
                                        <li><a href="#">漯河</a></li>
                                        <li><a href="#">南阳</a></li>
                                        <li><a href="#">邓州</a></li>
                                        <li><a href="#">商丘</a></li>
                                        <li><a href="#">信阳</a></li>
                                        <li><a href="#">周口</a></li>
                                        <li><a href="#">驻马店</a></li>
                                        <li><a href="#">济源</a></li>
                                        <li><a href="#">辉县</a></li>
                                        <li><a href="#">卫辉</a></li>
                                        <li><a href="#">项城</a></li>
                                        <li><a href="#">登封</a></li>
                                        <li><a href="#">荥阳</a></li>
                                        <li><a href="#">新密</a></li>
                                        <li><a href="#">永城</a></li>
                                        <li><a href="#">偃师</a></li>
                                        <li><a href="#">三门峡</a></li>
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">湖北</div>
                                    <ul>                                        
                                        <li><a href="#">武汉</a></li>
                                        <li><a href="#">黄石</a></li>
                                        <li><a href="#">十堰</a></li>
                                        <li><a href="#">宜昌</a></li>
                                        <li><a href="#">宜都</a></li>
                                        <li><a href="#">当阳</a></li>
                                        <li><a href="#">枝江</a></li>
                                        <li><a href="#">襄阳</a></li>
                                        <li><a href="#">鄂州</a></li>
                                        <li><a href="#">荆门</a></li>
                                        <li><a href="#">钟祥</a></li>
                                        <li><a href="#">孝感</a></li>
                                        <li><a href="#">应城</a></li>
                                        <li><a href="#">安陆</a></li>
                                        <li><a href="#">荆州</a></li>
                                        <li><a href="#">石首</a></li>
                                        <li><a href="#">洪湖</a></li>
                                        <li><a href="#">松滋</a></li>
                                        <li><a href="#">广水</a></li>
                                        <li><a href="#">恩施</a></li>
                                        <li><a href="#">仙桃</a></li>
                                        <li><a href="#">潜江</a></li>
                                        <li><a href="#">天门</a></li>
                                        <li><a href="#">黄冈</a></li>
                                        <li><a href="#">咸宁</a></li>
                                        <li><a href="#">赤壁</a></li>
                                        <li><a href="#">大冶</a></li>
                                        <li><a href="#">利川</a></li>
                                        <li><a href="#">麻城</a></li>
                                        <li><a href="#">武穴</a></li>
                                        <li><a href="#">老河口</a></li>
                                        <li><a href="#">枣阳</a></li>
                                        <li><a href="#">随州</a></li>
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">湖南</div>
                                    <ul>                                        
                                        <li><a href="#">长沙</a></li>
                                        <li><a href="#">株洲</a></li>
                                        <li><a href="#">醴陵</a></li>
                                        <li><a href="#">湘潭</a></li>
                                        <li><a href="#">湘乡</a></li>
                                        <li><a href="#">衡阳</a></li>
                                        <li><a href="#">邵阳</a></li>
                                        <li><a href="#">岳阳</a></li>
                                        <li><a href="#">临湘</a></li>
                                        <li><a href="#">常德</a></li>
                                        <li><a href="#">张家界</a></li>
                                        <li><a href="#">益阳</a></li>
                                        <li><a href="#">郴州</a></li>
                                        <li><a href="#">永州</a></li>
                                        <li><a href="#">怀化</a></li>
                                        <li><a href="#">洪江</a></li>
                                        <li><a href="#">娄底</a></li>
                                        <li><a href="#">湘西</a></li>
                                        <li><a href="#">吉首</a></li>
                                        <li><a href="#">冷水江</a></li>
                                        <li><a href="#">涟源</a></li>
                                        <li><a href="#">韶山</a></li>
                                        <li><a href="#">武冈</a></li>
                                        <li><a href="#">资兴</a></li>
                                        <li><a href="#">浏阳</a></li>
                                        <li><a href="#">沅江</a></li>
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">海南</div>
                                    <ul>
                                        <li><a href="#">海口</a></li>
                                        <li><a href="#">三亚</a></li>
                                        <li><a href="#">五指山</a></li>
                                        <li><a href="#">琼海</a></li>
                                        <li><a href="#">儋州</a></li>
                                        <li><a href="#">文昌</a></li>
                                        <li><a href="#">万宁</a></li>
                                        <li><a href="#">东方</a></li>
                                        <li><a href="#">定安</a></li>
                                        <li><a href="#">澄迈</a></li>
                                        <li><a href="#">临高</a></li>
                                        <li><a href="#">乐东</a></li>
                                        <li><a href="#">陵水</a></li>
                                        <li><a href="#">保亭</a></li>
                                        <li><a href="#">琼中</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>J</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">吉林</div>
                                    <ul>
                                        <li><a href="#">长春</a></li>
                                        <li><a href="#">榆树</a></li>
                                        <li><a href="#">德惠</a></li>
                                        <li><a href="#">吉林</a></li>
                                        <li><a href="#">桦甸</a></li>
                                        <li><a href="#">四平</a></li>
                                        <li><a href="#">公主岭</a></li>
                                        <li><a href="#">辽源</a></li>
                                        <li><a href="#">通化</a></li>
                                        <li><a href="#">白山</a></li>
                                        <li><a href="#">松原</a></li>
                                        <li><a href="#">白城</a></li>
                                        <li><a href="#">延边</a></li>
                                        <li><a href="#">珲春</a></li>
                                        <li><a href="#">蛟河</a></li>
                                        <li><a href="#">龙井</a></li>
                                        <li><a href="#">临江</a></li>
                                        <li><a href="#">延吉</a></li>
                                        <li><a href="#">敦化</a></li>
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">江苏</div>
                                    <ul>
                                        <li><a href="#">南京</a></li>
                                        <li><a href="#">无锡</a></li>
                                        <li><a href="#">徐州</a></li>
                                        <li><a href="#">常州</a></li>
                                        <li><a href="#">金坛</a></li>
                                        <li><a href="#">溧阳</a></li>
                                        <li><a href="#">苏州</a></li>
                                        <li><a href="#">常熟</a></li>
                                        <li><a href="#">张家港</a></li>
                                        <li><a href="#">昆山</a></li>
                                        <li><a href="#">南通</a></li>
                                        <li><a href="#">连云港</a></li>
                                        <li><a href="#">淮安</a></li>
                                        <li><a href="#">盐城</a></li>
                                        <li><a href="#">大丰</a></li>
                                        <li><a href="#">东台</a></li>
                                        <li><a href="#">扬州</a></li>
                                        <li><a href="#">仪征</a></li>
                                        <li><a href="#">高邮</a></li>
                                        <li><a href="#">镇江</a></li>
                                        <li><a href="#">泰州</a></li>
                                        <li><a href="#">靖江</a></li>
                                        <li><a href="#">泰兴</a></li>
                                        <li><a href="#">宿迁</a></li>
                                        <li><a href="#">沭阳</a></li>
                                        <li><a href="#">丹阳</a></li>
                                        <li><a href="#">海门</a></li>
                                        <li><a href="#">句容</a></li>
                                        <li><a href="#">栖霞</a></li>
                                        <li><a href="#">邳州</a></li>
                                        <li><a href="#">启东</a></li>
                                        <li><a href="#">如皋</a></li>
                                        <li><a href="#">新沂</a></li>
                                        <li><a href="#">宜兴</a></li>
                                        <li><a href="#">江阴</a></li>
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">江苏</div>
                                    <ul>
                                        <li><a href="#">南昌</a></li>
                                        <li><a href="#">景德镇</a></li>
                                        <li><a href="#">乐平</a></li>
                                        <li><a href="#">萍乡</a></li>
                                        <li><a href="#">九江</a></li>
                                        <li><a href="#">新余</a></li>
                                        <li><a href="#">鹰潭</a></li>
                                        <li><a href="#">赣州</a></li>
                                        <li><a href="#">南康</a></li>
                                        <li><a href="#">瑞金</a></li>
                                        <li><a href="#">吉安</a></li>
                                        <li><a href="#">宜春</a></li>
                                        <li><a href="#">丰城</a></li>
                                        <li><a href="#">抚州</a></li>
                                        <li><a href="#">上饶</a></li>
                                        <li><a href="#">德兴</a></li>
                                        <li><a href="#">贵溪</a></li>
                                        <li><a href="#">瑞昌</a></li>
                                        <li><a href="#">樟树</a></li>
                                        <li><a href="#">进贤</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>L</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">辽宁</div>
                                    <ul>
                                        <li><a href="#">沈阳</a></li>
                                        <li><a href="#">新民</a></li>
                                        <li><a href="#">大连</a></li>
                                        <li><a href="#">普兰店</a></li>
                                        <li><a href="#">瓦房店</a></li>
                                        <li><a href="#">庄河</a></li>
                                        <li><a href="#">鞍山</a></li>
                                        <li><a href="#">海城</a></li>
                                        <li><a href="#">抚顺</a></li>
                                        <li><a href="#">本溪</a></li>
                                        <li><a href="#">丹东</a></li>
                                        <li><a href="#">锦州</a></li>
                                        <li><a href="#">营口</a></li>
                                        <li><a href="#">盖州</a></li>
                                        <li><a href="#">大石桥</a></li>
                                        <li><a href="#">辽阳</a></li>
                                        <li><a href="#">盘锦</a></li>
                                        <li><a href="#">铁岭</a></li>
                                        <li><a href="#">开原</a></li>
                                        <li><a href="#">朝阳</a></li>
                                        <li><a href="#">葫芦岛</a></li>
                                        <li><a href="#">北票</a></li>
                                        <li><a href="#">灯塔</a></li>
                                        <li><a href="#">凌源</a></li>
                                        <li><a href="#">兴城</a></li>
                                        <li><a href="#">东港</a></li>
                                        <li><a href="#">凤城</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>N</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">内蒙古</div>
                                    <ul>
                                        <li><a href="#">呼和浩特</a></li>
                                        <li><a href="#">包头</a></li>
                                        <li><a href="#">乌海</a></li>
                                        <li><a href="#">赤峰</a></li>
                                        <li><a href="#">通辽</a></li>
                                        <li><a href="#">鄂尔多斯</a></li>
                                        <li><a href="#">呼伦贝尔</a></li>
                                        <li><a href="#">乌兰察布</a></li>
                                        <li><a href="#">锡林浩特</a></li>
                                        <li><a href="#">阿拉善盟</a></li>
                                        <li><a href="#">满洲里</a></li>
                                        <li><a href="#">锡林郭勒盟</a></li>          
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">宁夏</div>
                                    <ul>
                                        <li><a href="#">银川</a></li>
                                        <li><a href="#">石嘴山</a></li>
                                        <li><a href="#">吴忠</a></li>
                                        <li><a href="#">固原</a></li>  
                                        <li><a href="#">中卫</a></li>
                                        <li><a href="#">青铜峡</a></li>        
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>Q</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">青海</div>
                                    <ul>
                                        <li><a href="#">海南藏族自治州</a></li>
                                        <li><a href="#">西宁</a></li>
                                        <li><a href="#">海东</a></li>
                                        <li><a href="#">海西</a></li>  
                                        <li><a href="#">德令哈</a></li>
                                        <li><a href="#">格尔木</a></li>        
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>S</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">山西</div>
                                    <ul>
                                        <li><a href="#">太原</a></li>
                                        <li><a href="#">清徐</a></li>
                                        <li><a href="#">古交</a></li>
                                        <li><a href="#">大同</a></li>  
                                        <li><a href="#">阳泉</a></li>
                                        <li><a href="#">长治</a></li>   
                                        <li><a href="#">晋城</a></li>
                                        <li><a href="#">运城</a></li>
                                        <li><a href="#">临猗</a></li>
                                        <li><a href="#">忻州</a></li>  
                                        <li><a href="#">临汾</a></li>
                                        <li><a href="#">吕梁</a></li>  
                                        <li><a href="#">晋中</a></li>
                                        <li><a href="#">汾阳</a></li>
                                        <li><a href="#">侯马</a></li>
                                        <li><a href="#">霍州</a></li>  
                                        <li><a href="#">潞城</a></li>
                                        <li><a href="#">永济</a></li>       
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">山东</div>
                                    <ul>
                                        <li><a href="#">昌邑</a></li>
                                        <li><a href="#">济南</a></li>
                                        <li><a href="#">章丘</a></li>
                                        <li><a href="#">青岛</a></li>  
                                        <li><a href="#">淄博</a></li>
                                        <li><a href="#">枣庄</a></li>   
                                        <li><a href="#">滕州</a></li>
                                        <li><a href="#">东营</a></li>
                                        <li><a href="#">烟台</a></li>
                                        <li><a href="#">莱阳</a></li>  
                                        <li><a href="#">招远</a></li>
                                        <li><a href="#">潍坊</a></li>  
                                        <li><a href="#">青州</a></li>
                                        <li><a href="#">诸城</a></li>
                                        <li><a href="#">寿光</a></li>
                                        <li><a href="#">安丘</a></li>  
                                        <li><a href="#">高密</a></li>
                                        <li><a href="#">济宁</a></li>
                                        <li><a href="#">曲阜</a></li>
                                        <li><a href="#">邹城</a></li>
                                        <li><a href="#">泰安</a></li>
                                        <li><a href="#">新泰</a></li>
                                        <li><a href="#">肥城</a></li>
                                        <li><a href="#">威海</a></li>  
                                        <li><a href="#">日照</a></li>
                                        <li><a href="#">莱芜</a></li>   
                                        <li><a href="#">临沂</a></li>
                                        <li><a href="#">德州</a></li>
                                        <li><a href="#">乐陵</a></li>
                                        <li><a href="#">禹城</a></li>  
                                        <li><a href="#">聊城</a></li>
                                        <li><a href="#">临清</a></li>  
                                        <li><a href="#">滨州</a></li>
                                        <li><a href="#">菏泽</a></li>
                                        <li><a href="#">海阳</a></li>
                                        <li><a href="#">胶州</a></li>  
                                        <li><a href="#">莱西</a></li>
                                        <li><a href="#">莱州</a></li>
                                        <li><a href="#">平度</a></li>
                                        <li><a href="#">荣成</a></li> 
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">上海</div>
                                    <ul>
                                        <li><a href="#">上海</a></li>      
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">四川</div>
                                    <ul>
                                        <li><a href="#">成都</a></li>
                                        <li><a href="#">简阳</a></li>
                                        <li><a href="#">自贡</a></li>
                                        <li><a href="#">攀枝花</a></li>  
                                        <li><a href="#">泸州</a></li>
                                        <li><a href="#">德阳</a></li>   
                                        <li><a href="#">绵阳</a></li>
                                        <li><a href="#">遂宁</a></li>
                                        <li><a href="#">内江</a></li>
                                        <li><a href="#">南充</a></li>  
                                        <li><a href="#">眉山</a></li>
                                        <li><a href="#">宜宾</a></li>  
                                        <li><a href="#">广安</a></li>
                                        <li><a href="#">达州</a></li>
                                        <li><a href="#">雅安</a></li>   
                                        <li><a href="#">巴中</a></li>
                                        <li><a href="#">资阳</a></li>
                                        <li><a href="#">阿坝</a></li>
                                        <li><a href="#">甘孜</a></li>  
                                        <li><a href="#">凉山</a></li>
                                        <li><a href="#">乐山</a></li>   
                                        <li><a href="#">华蓥</a></li>
                                        <li><a href="#">阆中</a></li>
                                        <li><a href="#">绵竹</a></li>
                                        <li><a href="#">什邡</a></li>  
                                        <li><a href="#">万源</a></li>
                                        <li><a href="#">西昌</a></li>  
                                        <li><a href="#">崇州</a></li>
                                        <li><a href="#">都江堰</a></li>
                                        <li><a href="#">邛崃</a></li>    
                                        <li><a href="#">江油</a></li>
                                        <li><a href="#">广元</a></li> 
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">陕西</div>
                                    <ul>
                                        <li><a href="#">西安</a></li>
                                        <li><a href="#">铜川</a></li>
                                        <li><a href="#">宝鸡</a></li>
                                        <li><a href="#">咸阳</a></li>  
                                        <li><a href="#">渭南</a></li>
                                        <li><a href="#">延安</a></li>   
                                        <li><a href="#">汉中</a></li>
                                        <li><a href="#">榆林</a></li>
                                        <li><a href="#">安康</a></li>
                                        <li><a href="#">商洛</a></li>  
                                        <li><a href="#">韩城</a></li>
                                        <li><a href="#">兴平</a></li>  
                                        <li><a href="#">周至</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>T</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">天津</div>
                                    <ul>
                                        <li><a href="#">天津</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>X</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">西藏</div>
                                    <ul>
                                        <li><a href="#">拉萨</a></li>
                                        <li><a href="#">日喀则</a></li>
                                        <li><a href="#">昌都</a></li>
                                        <li><a href="#">那曲</a></li>
                                        <li><a href="#">林芝</a></li>
                                    </ul>
                                </div>
                                <div class="city_province">
                                    <div class="city_list_tit">新疆</div>
                                    <ul>
                                        <li><a href="#">乌鲁木齐</a></li>
                                        <li><a href="#">克拉玛依</a></li>
                                        <li><a href="#">吐鲁番</a></li>
                                        <li><a href="#">哈密</a></li>
                                        <li><a href="#">昌吉</a></li>
                                        <li><a href="#">阜康</a></li>
                                        <li><a href="#">博尔塔拉</a></li>
                                        <li><a href="#">库尔勒</a></li>
                                        <li><a href="#">阿克苏</a></li>
                                        <li><a href="#">克孜勒苏</a></li>
                                        <li><a href="#">喀什</a></li>
                                        <li><a href="#">和田</a></li>
                                        <li><a href="#">伊犁</a></li>
                                        <li><a href="#">奎屯</a></li>
                                        <li><a href="#">阿拉尔</a></li>
                                        <li><a href="#">博乐</a></li>
                                        <li><a href="#">伊宁</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>Y</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">云南</div>
                                    <ul>
                                        <li><a href="#">昆明</a></li>
                                        <li><a href="#">安宁</a></li>
                                        <li><a href="#">曲靖</a></li>
                                        <li><a href="#">玉溪</a></li>
                                        <li><a href="#">保山</a></li>
                                        <li><a href="#">昭通</a></li>
                                        <li><a href="#">丽江</a></li>
                                        <li><a href="#">普洱</a></li>
                                        <li><a href="#">临沧</a></li>
                                        <li><a href="#">楚雄</a></li>
                                        <li><a href="#">开远</a></li>
                                        <li><a href="#">文山</a></li>
                                        <li><a href="#">西双版纳</a></li>
                                        <li><a href="#">大理</a></li>
                                        <li><a href="#">德宏</a></li>
                                        <li><a href="#">瑞丽</a></li>
                                        <li><a href="#">怒江</a></li>
                                        <li><a href="#">迪庆</a></li>
                                        <li><a href="#">个旧</a></li>
                                        <li><a href="#">宣威</a></li>
                                        <li><a href="#">红河哈尼族彝族自治州</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="city_ul_li">
                            <div class="city_firstletter">
                                <span>Z</span>
                            </div>
                            <div class="city_list">
                                <div class="city_province">
                                    <div class="city_list_tit">浙江</div>
                                    <ul>
                                        <li><a href="#">杭州</a></li>
                                        <li><a href="#">宁波</a></li>
                                        <li><a href="#">温州</a></li>
                                        <li><a href="#">瑞安</a></li>
                                        <li><a href="#">嘉兴</a></li>
                                        <li><a href="#">湖州</a></li>
                                        <li><a href="#">绍兴</a></li>
                                        <li><a href="#">金华</a></li>
                                        <li><a href="#">兰溪</a></li>
                                        <li><a href="#">义乌</a></li>
                                        <li><a href="#">东阳</a></li>
                                        <li><a href="#">永康</a></li>
                                        <li><a href="#">衢州</a></li>
                                        <li><a href="#">舟山</a></li>
                                        <li><a href="#">台州</a></li>
                                        <li><a href="#">温岭</a></li>
                                        <li><a href="#">临海</a></li>
                                        <li><a href="#">丽水</a></li>
                                        <li><a href="#">龙泉</a></li>
                                        <li><a href="#">嵊州</a></li>
                                        <li><a href="#">慈溪</a></li>
                                        <li><a href="#">海宁</a></li>
                                        <li><a href="#">建德</a></li>
                                        <li><a href="#">嘉善</a></li>
                                        <li><a href="#">平湖</a></li>
                                        <li><a href="#">桐乡</a></li>
                                        <li><a href="#">余姚</a></li>
                                        <li><a href="#">诸暨</a></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
</html>